import React, { Component } from 'react'
import Chart from 'react-apexcharts'

export default class App extends Component {
  constructor(props) {
    super(props)

    this.state = {
      options: {
        chart: {
          id: 'apexchart-example',
        },
        xaxis: {
          categories: [
            '6点',
            '7点',
            '8点',
            '9点',
            '10点',
            '11点',
            '12点',
            '13点',
            '14点',
            '15点',
            '16点',
            '17点',
            '18点',
            '19点',
            '20点',
            '21点',
            '22点',
            '23点',
            '24点',
            '1点',
            '2点',
            '3点',
            '4点',
            '5点',
          ],
        },
      },
      series: [
        {
          name: 'series-1',
          data: [
            30,
            40,
            45,
            50,
            49,
            60,
            70,
            91,
            30,
            40,
            45,
            50,
            49,
            60,
            70,
            91,
            30,
            40,
            45,
            50,
            49,
            60,
            70,
            91,
          ],
        },
      ],
    }
  }

  render() {
    return <Chart options={this.state.options} series={this.state.series} type="bar" height={400} />
  }
}
